﻿{% include "header.html" %}
  
  <!-- CONTEÚDO -->
  
  <div class="container clear">
    <div class="boxContainer center table"> 
      
      <!-- CONTEÚDO PRINCIPAL -->
      <div class="primary table left">
        <div class="titlePattern relative left">
          <h2>Guia de Hotéis e Restaurantes</h2>
        </div>
        <div class="contentPrimary left">
          <div class="boxGuia left">
          	{% for guia in guia %}
          	{% if forloop.counter|add:"2"|divisibleby:"3" %}
          	
            <ul id="posicao1" class="boxGuiaContent no-marginRight no-marginLeft left">
              <h4 class="titleHotel left">{{ guia.cidade }} {{guia.id}}</h4>
                    <div class="infoHotel">
                    	<div class="left">
                    	{% for estabelecimento in guia.estabelecimento.all %}
                    		<p class="question no-padding mQuestion">{{ estabelecimento.nomeEstabelecimento }}</p>
                        	<p class="question">Endereço<span class="iconset i-home2"></span></p><span class="text">{{ estabelecimento.endereco }}</span>
                            <p class="question">Telefone<span class="iconset i-fone2"></span></p><span class="text">{{ estabelecimento.telefone }}</span>
                        {% endfor %}
                        </div>
                    </div>
            </ul>
            
            {% endif %}
            {% if forloop.counter|add:"1"|divisibleby:"3" %}
            <ul id="posicao2" class="boxGuiaContent left">
              <h4 class="titleHotel left" id="{{guia.id}}">{{ guia.cidade }}</h4>
                    <div class="infoHotel">
                    	<div class="left">
                    	{% for estabelecimento in guia.estabelecimento.all %}
                    		<p class="question no-padding mQuestion">{{ estabelecimento.nomeEstabelecimento }}</p>
                        	<p class="question">Endereço<span class="iconset i-home2"></span></p><span class="text">{{ estabelecimento.endereco }}</span>
                            <p class="question">Telefone<span class="iconset i-fone2"></span></p><span class="text">{{ estabelecimento.telefone }}</span>
                        {% endfor %}
                        </div>
                    </div>
            </ul>
            {% endif %}
            {% if forloop.counter|divisibleby:"3" %}
            
            <ul id="posicao3" class="boxGuiaContent no-marginRight no-marginLeft left">
              <h4 class="titleHotel left">{{ guia.cidade }}</h4>
                    <div class="infoHotel">
                    	<div class="left">
                    	{% for estabelecimento in guia.estabelecimento.all %}
                    		<p class="question no-padding mQuestion">{{ estabelecimento.nomeEstabelecimento }}</p>
                        	<p class="question">Endereço<span class="iconset i-home2"></span></p><span class="text">{{ estabelecimento.endereco }}</span>
                            <p class="question">Telefone<span class="iconset i-fone2"></span></p><span class="text">{{ estabelecimento.telefone }}</span>
                        {% endfor %}
                        </div>
                    </div>
            </ul>
            {% endif %}
            {% endfor %}
          </div>
        </div>
      </div>
      
      <!-- CONTEÚDO SECUNDÁRIO (SIDEBAR) -->
      <div class="secondary table left">
        {% include "sidebar.html" %}
      </div>
      
{% include "rodape.html" %} 
